﻿<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:rbn="clr-namespace:Infusion.Silverlight.Controls.Ribbon;assembly=Infusion.Silverlight.Controls"
                    xmlns:ipt="clr-namespace:Infusion.Silverlight.Controls.Input;assembly=Infusion.Silverlight.Controls"
                    xmlns:mnu="clr-namespace:Infusion.Silverlight.Controls.Menu;assembly=Infusion.Silverlight.Controls"
                    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                    mc:Ignorable="d">
  <Style x:Key="RibbonStyle1"
         TargetType="rbn:Ribbon">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="rbn:Ribbon">
          <Canvas x:Name="RibbonLayoutRoot"
                  Width="{TemplateBinding Width}"
                  Background="#666666"
                  Height="113"
                  Canvas.Left="-5000"
                  Canvas.Top="-5000">
            <Canvas.Resources>
              <Storyboard x:Name="StoryboardMenuOpacity">
                <DoubleAnimation Duration="0:0:0.3"
                                 Storyboard.TargetName="MainMenu"
                                 Storyboard.TargetProperty="Opacity"
                                 From="1"
                                 To="0" />
              </Storyboard>
            </Canvas.Resources>
            <Canvas.Clip>
              <RectangleGeometry x:Name="RibbonLayoutRootClip"
                                 Rect="0,0,9000,9000" />
            </Canvas.Clip>
            <Canvas x:Name="TitleBar"
                    Height="27"
                    Width="{TemplateBinding Width}">
              <Canvas.Background>
                <LinearGradientBrush EndPoint="0.5,1"
                                     StartPoint="0.5,0">
                  <GradientStop Color="#D4D6DA"
                                Offset="0.0" />
                  <GradientStop Color="#CACDD1"
                                Offset="0.137" />
                  <GradientStop Color="#BAC1CA"
                                Offset="0.138" />
                  <GradientStop Color="#E8ECF4"
                                Offset="0.95" />
                  <GradientStop Color="#ACAFB7"
                                Offset="1.0" />
                </LinearGradientBrush>
              </Canvas.Background>
            </Canvas>
            <rbn:RibbonMainMenu x:Name="MainMenu"
                                Canvas.Top="0" />
            <Grid x:Name="OfficeButtonLayout"
                  Height="37"
                  Width="{TemplateBinding Width}"
                  Canvas.Left="4"
                  Canvas.Top="4"
                  Visibility="Collapsed">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="37" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>
              <Canvas Grid.Column="0"
                      Background="Transparent">
                <Canvas.Resources>
                  <Storyboard x:Name="AnimateHighlight">
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonBorder"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="EllipseOfficeButtonBorder"
                                    Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButton"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient0"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient1"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                    <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient0"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="PathOfficeButtonHighlight"
                                    Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                    <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient1"
                                    Duration="0:0:0.3"
                                    Storyboard.TargetName="PathOfficeButtonHighlight"
                                    Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                  </Storyboard>
                </Canvas.Resources>
                <Ellipse Fill="#8091949A"
                         Height="37"
                         Width="37"
                         Canvas.Left="0.5"
                         Canvas.Top="0.5" />
                <Ellipse x:Name="EllipseOfficeButtonBorder"
                         Stroke="#85898C"
                         Height="37"
                         Width="37" />
                <Ellipse x:Name="EllipseOfficeButton"
                         Stroke="#FEFEFE"
                         Height="35"
                         Width="35"
                         Canvas.Left="1"
                         Canvas.Top="1">
                  <Ellipse.Fill>
                    <LinearGradientBrush EndPoint="0.5,1"
                                         StartPoint="0.5,0">
                      <GradientStop Color="#F7F7F7"
                                    Offset="0.0" />
                      <GradientStop Color="#C8C8C8"
                                    Offset="1.0" />
                    </LinearGradientBrush>
                  </Ellipse.Fill>
                </Ellipse>
                <Path x:Name="PathOfficeButtonHighlight">
                  <Path.Fill>
                    <RadialGradientBrush Center="0.5,0.75"
                                         GradientOrigin="0.5,0.75"
                                         RadiusX="1"
                                         RadiusY="2.6">
                      <GradientStop Color="#FFFFFF"
                                    Offset="0.0" />
                      <GradientStop Color="#989898"
                                    Offset="1.0" />
                    </RadialGradientBrush>
                  </Path.Fill>
                </Path>
                <Grid x:Name="GridQuickLaunchButtons"
                      Canvas.Left="46"
                      Canvas.Top="-1.5">
                  <Grid.RowDefinitions>
                    <RowDefinition Height="22" />
                  </Grid.RowDefinitions>
                  <Canvas Grid.Column="0"
                          Grid.ColumnSpan="999"
                          Grid.Row="0"
                          Background="#D3D7DD" />
                  <Rectangle Stroke="#99A3AF"
                             StrokeThickness="0.5"
                             Grid.Column="0"
                             Grid.ColumnSpan="999"
                             Grid.Row="0" />
                </Grid>
                <Canvas Canvas.Left="32"
                        Canvas.Top="-1.25">
                  <Path Fill="#D3D7DD"
                        Stroke="#99A3AF"
                        StrokeThickness="0.5"
                        Data="M15,0 L0,0 A19,24,0,0,1,12,22 L15,22" />
                </Canvas>
                <Canvas x:Name="CanvasQuickLaunchRightCap"
                        Canvas.Left="121"
                        Canvas.Top="-1.25">
                  <Path Fill="#D3D7DD"
                        Stroke="#99A3AF"
                        StrokeThickness="0.5"
                        Data="M0,0 L1,0 A40,20,0,0,1,1,21.5 L0,21.5" />
                  <rbn:RibbonButton Canvas.Left="9"
                                    Canvas.Top="-2"
                                    Format="Small"
                                    SmallImageSource="Images/QuickLaunchMenuArrow.png"
                                    SmallImageWidth="13" />
                </Canvas>
              </Canvas>
              <Image x:Name="ImgOfficeButton"
                     Grid.Column="0"
                     Stretch="None" />
              <Canvas x:Name="CanvasOfficeButtonClickSurface"
                      Grid.Column="0"
                      Background="Transparent" />
              <TextBlock HorizontalAlignment="Center"
                         Margin="0,2,0,0"
                         VerticalAlignment="Top"
                         Grid.Column="1"
                         FontFamily="Calibri"
                         FontSize="11.5"
                         Foreground="#4C535C"
                         Text="Document1 - Silverlight Word" />
            </Grid>
            <Canvas x:Name="RibbonBody"
                    Height="90"
                    Width="300"
                    Canvas.Left="1"
                    Canvas.Top="22">
              <Canvas.Clip>
                <RectangleGeometry x:Name="RibbonBodyClip"
                                   RadiusX="3"
                                   RadiusY="3"
                                   Rect="0,0,300,90" />
              </Canvas.Clip>
              <Canvas.Background>
                <!--<LinearGradientBrush EndPoint="0.5,1"
                                     StartPoint="0.5,0">
                  <GradientStop Color="#EEF1F6"
                                Offset="0.0" />
                  <GradientStop Color="#E1E6EE"
                                Offset="0.19" />
                  <GradientStop Color="#D5DBE7"
                                Offset="0.191" />
                  <GradientStop Color="#EEF4F4"
                                Offset="1.0" />
                </LinearGradientBrush>-->
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#FFE1E2E4"
                                Offset="0.016" />
                  <GradientStop Color="#FFB3B4B8"
                                Offset="0.357" />
                  <GradientStop Color="#FFEBECEE"
                                Offset="0.812" />
                  <GradientStop Color="#FFF6F8F7"
                                Offset="0.995" />
                  <GradientStop Color="#FFE4E6E5"
                                Offset="1" />
                </LinearGradientBrush>
              </Canvas.Background>
              <Rectangle x:Name="RibbonBodyRectOutline"
                         Stroke="#9D9E9F"
                         StrokeThickness="1"
                         RadiusX="3"
                         RadiusY="3"
                         Height="91"
                         Width="301"
                         Canvas.Left="-0.5"
                         Canvas.Top="-0.5" />
            </Canvas>
            <Grid x:Name="RibbonTabs"
                  Width="{TemplateBinding Width}"
                  Canvas.Left="1"
                  Canvas.Top="0">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="46" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>
              <Grid.RowDefinitions>
                <RowDefinition Height="22.5" />
              </Grid.RowDefinitions>
              <rbn:RibbonButton HorizontalAlignment="Right"
                                Margin="0,-2,2,0"
                                Visibility="Collapsed"
                                Grid.Column="1"
                                Format="Small"
                                SmallImageSource="Images/Help.png" />
            </Grid>
            <rbn:RibbonToolTip x:Name="ToolTip"
                               Canvas.Left="-5000"
                               Canvas.Top="-5000" />
          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonTabGroup -->
  <Style TargetType="rbn:RibbonTabGroup">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="rbn:RibbonTabGroup">
          <Canvas x:Name="RibbonTabGroupLayoutRoot"
                  Width="266"
                  Margin="0,0,3,0">

            <Canvas.Resources>
              <Storyboard x:Name="StoryboardCanvasHighlight">
                <ColorAnimation Duration="0:0:0.5"
                                To="#7FFFFFFF"
                                Storyboard.TargetName="CanvasBody"
                                Storyboard.TargetProperty="(Canvas.Background).(SolidColorBrush.Color)" />
                <ColorAnimation Duration="0:0:0.5"
                                To="#DEE2EE"
                                Storyboard.TargetName="CanvasTitle"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                <ColorAnimation Duration="0:0:0.5"
                                To="#B3B9C7"
                                Storyboard.TargetName="CanvasTitle"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
              </Storyboard>
            </Canvas.Resources>

            <Canvas.Clip>
              <RectangleGeometry x:Name="RectLayoutClip"
                                 Rect="0,0,266,85"
                                 RadiusX="3"
                                 RadiusY="3" />
            </Canvas.Clip>

            <Grid x:Name="GridLayout">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="266" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="69" />
                <RowDefinition Height="16" />
              </Grid.RowDefinitions>

              <Canvas x:Name="CanvasBody"
                      Grid.Column="0"
                      Grid.Row="0"
                      Background="Transparent"
                      Margin="0,1,0,0">

                <Grid x:Name="GridBodyLayout"
                      Margin="3,0,3,0">

                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <Grid.RowDefinitions>
                    <RowDefinition Height="22" />
                    <RowDefinition Height="22" />
                    <RowDefinition Height="22" />
                  </Grid.RowDefinitions>

                  <!-- Content -->

                </Grid>

              </Canvas>

              <Canvas x:Name="CanvasTitle"
                      Grid.Column="0"
                      Grid.Row="1">
                <Canvas.Background>
                  <LinearGradientBrush StartPoint="0.5,0"
                                       EndPoint="0.5,1">
                    <GradientStop Color="#FFCDCDCD"
                                  Offset="0.0" />
                    <GradientStop Color="Gray"
                                  Offset="1.0" />
                  </LinearGradientBrush>
                </Canvas.Background>

                <Grid x:Name="GridTitle">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="248" />
                    <ColumnDefinition Width="18" />
                  </Grid.ColumnDefinitions>
                  <Grid.RowDefinitions>
                    <RowDefinition Height="16" />
                  </Grid.RowDefinitions>

                  <TextBlock x:Name="TxtTitle"
                             Grid.Column="0"
                             Grid.Row="0"
                             Text="Font"
                             FontFamily="Calibri"
                             FontSize="11"
                             Foreground="#535459"
                             TextAlignment="Center" />
                  <Image x:Name="ImgDialog"
                         Grid.Column="1"
                         Grid.Row="0"
                         Source="Images/DialogButton.png"
                         Stretch="None" />
                </Grid>
              </Canvas>

            </Grid>

            <Rectangle x:Name="RectBorder"
                       Canvas.Top="-0.5"
                       Canvas.Left="-0.5"
                       Width="267"
                       Height="86"
                       Stroke="#9D9E9F"
                       StrokeThickness="1"
                       RadiusX="3"
                       RadiusY="3" />

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
</ResourceDictionary>
